.footer{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    height:55px;
    background:#888;
    z-index: 1000;
    display:flex;
    padding-left:100px;
    box-sizing:border-box;
    .infoBar{
        position:absolute;
        left:0;
        top:-40px;
        width:100%;
        height:40px;
        font-size:10px;
        text-align:center;
        line-height:40px;
        background:rgba(0,0,0,0.2);
        .red{
            color:#ff9569;
        }
    }
    .shopCard{
        position:absolute;
        width:50px;
        height:50px;
        background:#999;
        left:37px;
        border-radius:50px;
        top:-10px;
        display:flex;
        justify-content:center;
        align-items:center;
        z-index:1;
        .shopImage{
            position: relative;
            width:38px;
            height:38px;
            background-color:#888;
            border-radius:30px;
            background-image: url('../../static/shopCard.png');
            background-repeat:no-repeat;
            background-position:center;
            background-size:20px;
            &.active{
                background-color:#ff9569;
            }
            .badgeWrap{
                position:absolute;
                right:-10px;
                top:-8px;
            }
        }
    }
    .barInfo{
        width:180px;
        height:100%;
        color:#666;
        line-height:55px;
        font-size:12px;
    }
    .price{
        width:180px;
        height:100%;
        color:#fff;
        font-size:16px;
        font-weight:600;
        line-height:55px;
    }
    .btn{
        position:absolute;
        width:100px;
        right:0;
        top:0;
        line-height:55px;
        text-align: center;
        height:55px;
        font-size:16px;
        background:#999;
        &.active{
            background:#ff9569;
            color:#fff;
        }
    }
}
.shopCardModal{
    padding-bottom:50px;
    .shopCardWrap{
        width:100%;
        .showBar{
            width:100%;
            height:35px;
            text-align:left;
            line-height:35px;
            color:#000;
            font-size:14px;
            padding-left:10px;
            box-sizing:border-box;
            position:relative;
            &::after{
                position: absolute;;
                content: "";
                left:5px;
                height:15px;
                width:2px;
                background:#e92758;
                top:50%;
                transform:translateY(-50%);
            }
        .deleteBtn{
            position:absolute;
            right:10px;
            top:0;
            font-size:12px;
            color:#333;
            line-height:35px;
            padding-left:15px;
            background:url("../../static/images//delete.png") left center no-repeat;
            background-size:12px;
        }
        }
        
        .goodItemWrap{
             width:100%;
             max-height:350px;
             overflow-y: scroll;
             padding-bottom:20px;
             .shopItem{
                 width:100%;
                 display:flex;
                 justify-content: flex-start;
                 align-items:center;
                 padding-left:5px;
                 box-sizing:border-box; 
                 .goodsInfo{
                     width:50%;
                     text-align:left;
                     .goodName{
                         width:100%;
                         font-size:15px;
                         color:#333;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         white-space: nowrap;
                     }
                     .goodInfo{
                         width:100%;
                         font-size:12px;
                         color:#666;
                         line-height:20px;
                     }
                     
                 }
                 .goodPrice{
                     width:20%;
                     padding:0;
                     margin:0;
                 }
                 .goodStep{
                    width:30%;
                    height:100%;
                    padding:0;
                    margin:0;
                    padding-right:5px;
                    box-sizing:border-box;
                 }
             }
        }
       
    }
}